@inherits RenderViewPage
@using System.Web.Mvc.Html;
@using Umbraco.Cms.Web;
@{
	Layout = "_PBDeskLayout.cshtml";
}

@section head
{
@RenderSection("head", false)
}

@section TopBanner
{ }
@section BottomBanner
{ }


@section BodyTop
{
@Umbraco.RenderMacro("breadCrumb")
}

@section BodyBottom
{
 <div style="padding:5px">
   @Html.Partial("Gigya/ShareBar")
 </div>
<br/>
}

@section GrayBanner
{
@RenderSection("GrayBanner", false)
}
<div id="elo-content-wrapper">
    <div class="elo_container">
      @Umbraco.RenderMacro("eloContainerHeader", new { Title = DynamicModel.ModuleTitle })
      <div class="elo_inner_container">
        <div class="layer">
    		<span>
      			<a title="Course Map" id="coursemap_dialog_link" href="#">
        			<img width="48" height="48" src="http://pbdeskcdn.appspot.com/images/imgs/coursemap.png" alt="Course Map">
      			</a>
    		</span>
	</div>
	@RenderBody()
 
<style type="text/css">
  #courseMapAccordionDiv .ui-state-default, 
  #courseMapAccordionDiv .ui-widget-content .ui-state-default, 
  #courseMapAccordionDiv .ui-widget-header .ui-state-default 
  { border: 0px none; background: none;  }

  #courseMapAccordionDiv .ui-state-active, 
  #courseMapAccordionDiv .ui-widget-content .ui-state-active, 
  #courseMapAccordionDiv .ui-widget-header .ui-state-active 
  { border: 0px None; background: None;  }

  #courseMapAccordionDiv .ui-widget-content
  {background: None;  border: 0px None; }
         
  #courseMapAccordionDiv .ui-accordion-content a:hover {text-decoration:underline;}
</style>

<div style=" padding-left: 11px;"><b>Chapters: </b><div style="font-size:10px;padding-left:50px"> (Click on the chapter name to see the topics)</div></div>
<div id="courseMapAccordionDiv" class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role="tablist">
        <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="0"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" class="righticon16 icon-chapter16" tabindex="-1">Test Chapter</a></h3>
        <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">
               <b style="font-size:11px">Topics:</b><br>
               <div style="padding-left:10px">
                    <a href="/elearning/csharp/test-chapter/accordiontest/" class="lefticon16 icon-page16">AccordionTest</a><br> 
                    <a href="/elearning/csharp/test-chapter/tabs-test/" class="lefticon16 icon-page16">Tabs Test</a><br> 
                    <a href="/elearning/csharp/test-chapter/test2/" class="lefticon16 icon-page16">test2</a><br> 
                    <a href="/elearning/csharp/test-chapter/accordion2/" class="lefticon16 icon-page16">Accordion2</a><br> 
                    <a href="/elearning/csharp/test-chapter/test-mcq/" class="lefticon16 icon-page16">Test MCQ</a><br> 
                    <a href="/elearning/csharp/test-chapter/mcq-single-answer-correct/" class="lefticon16 icon-page16">MCQ Single Answer Correct</a><br> 
                    <a href="/elearning/csharp/test-chapter/mcq-multiple-answer-correct/" class="lefticon16 icon-page16">MCQ Multiple answer correct</a><br> 
                    <a href="/elearning/csharp/test-chapter/sequencing/" class="lefticon16 icon-page16">Sequencing</a><br> 
                    <a href="/elearning/csharp/test-chapter/slide-desk-test/" class="lefticon16 icon-page16">Slide Desk Test</a><br> 
               </div>
        </div>
</div>


            
        </div> <!-- end of elo_inner_container -->
        <div id="elo_footer_container">
          <div style="float:right; padding:3px; ">  
            <fb:like colorscheme="light" action="like" width="100" show_faces="false" layout="button_count"></fb:like>
            <br>             
       </div>
          

          
  

        
      </div> <!-- end of elo_container div -->
    </div>
<script type="text/javascript">
    jQuery(document).ready(function () {
        $(".eloTopNavRollover").hover(
 function () {
     this.src = this.src.replace("04", "02");
 },
 function () {
     this.src = this.src.replace("02", "04");
 }
);
    });
</script>
    <script type="text/javascript">

        $(function () {
            // Dialog      
            $('#coursemap_dialog').dialog({
                autoOpen: false,
                width: 600,
                title: '&lt;span style="text-shadow:#000 1px 1px 1px;" class="lefticon16 icon-toc16"&gt;CourseMap: ' + 'Learning C#' + '&lt;/div&gt;',
                modal: true

            });
            // Dialog Link
            $('#coursemap_dialog_link').click(function () {
                $('#coursemap_dialog').dialog('open');
                return false;
            });

        });
                  
</script>
<script type="text/javascript">

    $(function () {
        $("#courseMapAccordionDiv").accordion({ active: false, autoHeight: false });
    });

</script>